@CHARSET "UTF-8";
.main{
	margin-top:20px;
}
.left-list {
    width: 200px;
    background: #fff;
    border: 1px solid #F2F2F2;
    margin-bottom:50px;
}
.left-list dl dt, .left-list dl dd ,.left-list h2{
    width: 200px;
    text-align: center;
    border-top: 1px solid #F2F2F2;
    position: relative;
}
.left-list dl dt ,.left-list h2{
	height: 50px;
    line-height: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}
.left-list dl dd {
	height: 40px;
    line-height: 40px;
	font-size: 14px;
}
.left-list .active {
	color: #fff;
	background: #59BCE3;
}
.left-list .bt-none{
	border-top:none;
}
.right-content{
	width:950px;
	margin-bottom: 60px;
}
.right-content .header-tips h1{
	margin-top:20px;
	font-size: 16px;
	color: #59BCE3;
}
.right-content .header-tips h2{
	margin-top:20px;
	font-size:13px;
}
.form table {
	width: 100%;
	font-size: 13px;
}
.form table tr{
	padding: 10px 0;
    overflow: hidden;
    line-height: 30px;
}

.form table th {
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	width: 120px;
}

.form table th,
.form table td {
	padding: 20px 10px 0 0;
}

.form table th span {
	color: #c7181e;
	margin-right: 5px;
}
.form table td label{
	padding-left: 10px;
    padding-right: 30px;
}
input[type=text] , .type{
    border: 1px solid #C9C9C9;
    width: 350px;
    height:30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 13px;
}
.unit{
	border: 1px solid #C9C9C9;
	width:120px;
	height: 30px;
	margin-left: 15px;
}
input.m_num{
	width:90px;
	height: 30px;
	text-align: center;
}
textarea.other-text{width: 350px;height: 70px;padding:5px;border: 1px solid #C9C9C9;}
#searchResultPanel{border:1px solid #C0C0C0;width:150px;height:auto; display:none;}
#suggestId{background: url(../img/search-icon.png) 7px 5px no-repeat;background-size:20px; text-indent: 32px;}
.layui-laydate-footer span:hover {color:#59BCE3;}

 .imageDiv {
	display:inline-block;
	width:160px;
	height:130px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px dashed darkgray;
	background:#f8f8f8;
	position:relative;
	overflow:hidden;
	margin:10px
}
.cover {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:160px;
	height:130px;
	background-color:rgba(0,0,0,.3);
	display:none;
	line-height:125px;
	text-align:center;
	cursor:pointer;
}
.cover .delbtn {
	color:red;
	font-size:20px;
}
.imageDiv:hover .cover {
	display:block;
}
.addImages {
	display:inline-block;
	width:160px;
	height:130px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px dashed darkgray;
	background:#f8f8f8;
	position:relative;
	overflow:hidden;
	margin:10px;
}
.text-detail {
	margin-top:40px;
	text-align:center;
}
.text-detail span {
	font-size:40px;
}
.file {
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:130px;
	opacity:0;
}
.ql-container.ql-snow {
    width: 100%;
}
.sumit_btn{
	width:320px;
	height: 50px;
	line-height:50px;
	text-align: center;
	background: #FF9C00;
	color: #fff;
	font-size:18px;
	border: none;
	margin: 50px;
	margin-left:10%;
}
.edui-default .edui-editor-bottomContainer table{display: none;}
.succ-tips{
	margin:80px auto;
	font-size:20px;
}
.no-match{
	font-size:16px;
}
.product-content{
	border-top: 1px solid #E6E6E6;
	margin-bottom: 50px;
}
.product-list{
	width: 950px;
	/*float: left;*/
    margin-top: 25px;
    padding:20px;
    border: 1px solid #E6E6E6;
}
.product-list-l img{
	width:120px;
	height:120px;
	margin-top:20px;
}
.product-list-r{
	width: 785px;
	border-left:none;
	position: relative;
	padding:0 25px;
}
.product-list-r ul li{
	float: left;
	width: 50%;
	margin-bottom:10px;
	font-size:13px;
}

.product-list-r .p-title{
	font-size:18px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.price-btn{
	position: absolute;
	bottom: 60px;
	right: 25px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #FF9C00;
	font-size:13px;
}
.status-select .status-list{
	margin-top:50px;
	width: 100%;
}
.status-select .status-list li{
	height: 40px;
	line-height: 40px;
	text-align: center;
	width:12%;
	float: left;
	font-size: 13px;
	margin-right:5%;
}
.status-select .status-list li.active{
	color: #59BCE3;
	border-bottom: 2px solid #59BCE3;
}
.status-content table{
 	width: 100%;
 	margin-top:20px;
}
.status-content table tr{
 	height:40px;
 	line-height:40px;
 	text-align: center;
}
.status-content table tr td , .status-content table tr th{
	border: 1px solid #E6E6E6;
	font-size:13px;
}
.status-content table tr td:last-child a{
	padding-right:10px;
}
.date-select , .order-select{
	margin-top:20px;
}
.date-select label , .order-select label{
	color:#333;
	font-size: 13px;
	line-height:2.0;
}
input.layer-date{
	width: 175px;
	height:28px;
	line-height:28px;
	border-radius:8px;
	background: url(../img/date.png) right center no-repeat;
	background-size: 20px;
}
.select-btn{
	width: 85px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size:13px;
	border-radius:8px;
	background: #fff;
	border:none;
}
.reset-btn{
	border: 1px solid #E6E6E6;
	margin-right:20px;
}
.search-btn{
	background:#59BCE3;
	color:#fff;
}
.details-list{
	margin-top:40px;
}
.details-list ul{
	margin-right: 5%;
	margin-top:20px;
}
.details-list ul li{
	width:50%;
	float: left;
	font-size:14px;
	color:#333;
	margin-bottom:20px;
}
.details-list ul li span{
	display: inline-block;
	width:25%;
	text-align:right;
}
.details-list ul li a{
	display: inline-block;
	width:75%;
	text-align:left;
	text-indent: 10px;
	cursor: default;
}
.details-list ul li a.c-name{
	color: #0000FF;
	text-decoration:underline;
	cursor: pointer;
}
.btn-default{
	width: 70px;
	height:25px;
	line-height:25px;
	text-align: center;
	border-radius: 8px;
	display: inline-block;
	background: #F2F2F2;
	color: #797979;
}
.btn-ok{
	background: #59BCE3;
	color:#fff;
	margin-right:10px;
}
.record-tab{
	width: 100%;
	height: 42px;
	border-bottom: 2px solid #59BCE3;
}
.record-tab th{
	width: 160px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #F2F2F2;
	border-bottom:none;
	font-weight:500;
}
.record-tab th.active{
	color: #fff;
	background: #59BCE3;
}
.warn-tips{font-size:13px;margin-bottom:-40px;margin-top:40px;}
.layui-input{width:40px!important;padding-left:0!important;}
.page{margin-top:100px;}
/*弹层样式*/
/*.shadow {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8888;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
}
.confirm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding:0 0 30px 0;
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
}
.u_confirm_h {
	width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: #666;
    position: relative;
    padding-left:20px;
    padding-right:20px;
    margin-bottom: 10px;
    border-bottom:1px solid #E6E6E6;
}
.u_confirm_h span.cancel{
	font-size:30px;
	font-weight:300;
	transition: transform 0.2s ease-in 0s;
}
.u_confirm_h span.cancel:hover{
	 transform: rotate(360deg);
}
.s_text{
	margin-left:40px;
	font-size:14px;
	color:#333;
}
.u_confirm_m{
	padding: 10px 40px;
}
.u_confirm_m .product-list{
	width:595px;
	padding:10px 20px;
	margin-top:10px;
}
.u_confirm_m .product-list-l img {
    width: 55px;
    height: 55px;
    margin-top: 10px;
}
.u_confirm_m .product-list-r ul li {
	margin-bottom:5px;
	font-size:12px;
}
.u_confirm_m .product-list-r {
    width: 490px;
    border-left: none;
    position: relative;
    padding: 0 0 0 20px;
    font-size:12px;
}
.u_confirm_m .product-list-r .p-title {
	font-size:14px;
}
.confirm .u_confirm_m .tips-wrap{
	font-size:16px;
	margin:30px auto;
}
.confirm .u_confirm_m .w100-list li{
	width:100%;
	height:40px;
	font-size:14px;
	float:left;
}
.confirm .u_confirm_m .w100-list li input{width:200px;padding-left:5px;border: 1px solid #e6e6e6;}
.confirm .u_confirm_m .w100-list li label{display:inline-block;width:120px;line-height:2.5;text-align: right;}
.u_confirm_b {
    margin: auto;
    width: 330px;
    padding-top: 10px;
}
.u_confirm_b a.btn {
    display: block;
    width: 150px;
    height:45px;
    line-height:45px;
    text-align: center;
    font-size: 16px;
}
.u_confirm_b a.sure{
    background: #FF9C00;
    color: #fff;
    font-weight:700;
}
.u_confirm_b a.cancel{
    margin-left: 10px;
    border: 1px solid #DCDCDC;
    color: #666;
}*/
.ellipsis{
	margin: auto;
	display: block;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.border-bottom{border-bottom: 1px solid  #E6E6E6;}
.ml30{margin-left:30px;}
.w100{width:100%!important;}
.w120{width:120px;}
.w160{width:160px;}
.w400{width:400px;}
.w500{width:500px;}
.h30{height:30px!important;}
.h35{height:35px!important;}
.m30{margin:30px auto!important;}
.mt55{margin-top:55px;}
.fz14{font-size: 14px;}
.fz16{font-size:16px!important;}
.small_btn{width:100px;height:30px;line-height:30px;text-align: center;font-size:13px;display:inline-block;}
.gray_btn{border:1px solid #a1a1a1;}
.yellow_btn{background:#FF9C00;color:#fff;}
.fb-process{
	width:585px;
	margin:auto;
	border: 1px solid #DCDCDC;
	font-size: 14px;
}
.fb-process li{
	float:left;
	width:160px;
	height:48px;
	line-height:46px;
	padding-left:25px;
	background: url(../img/right-icon.png) center right no-repeat;
}
.fb-process li:nth-child(3){
	width:130px!important;
}
.fb-process li:last-child{
	width:120px!important;
	background:none;
}
.fb-process li i{
	font-size:38px;
	font-weight:100;
	color:#999;
}
.tips {
	margin-left: 10px;
	line-height: 36px;
	position: absolute;
	max-width: 440px;
	color: #FF6666;
	padding-left: 20px;
	background: url(../img/login-icon.png) -16px -114px no-repeat;
}
.select-res{background: url(../img/select_box_bg.gif) 330px center no-repeat ;}
.select-box {
    border: solid 1px #fd8340;
    /*width: 536px;
    height: 330px;*/
    padding: 20px 20px 10px;
    position: absolute;
    top:50px;
    display: none;
    z-index: 5;
    background: #fff;
}
.select-box .close-btn {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 20px;
    cursor: pointer;
}
.select-box .type-list{
    height: 330px;
    border: solid 1px #ddd;
    margin-top: 15px;
}
.select-box ul {
    float: left;
    width: 178px;
    height: 330px;
    overflow-y: scroll;
}
.select-box ul li {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background: url(../img/arr.gif) no-repeat 152px center;
    color: #626262;
    cursor: pointer;
}
.select-box ul li.selected {
    background: url(../img/arr_selected.gif) no-repeat 152px center #fd8340;
    color: #fff;
}
.header-wrap{border: 1px solid #E6E6E6;padding:20px 20px 40px;}
.header-wrap .header-img{width:64px;height:64px;border-radius:50%;margin-right:10px;}
.header-wrap .user-w{margin-top:5px; }
.header-wrap .u-name {font-size:18px;color:#333;}
.header-wrap .c-name{margin-top:5px; font-size:14px;color:#666;}
.header-wrap .tips-w{margin-top:20px;font-size:13px;line-height:2.5;}
.done-wrap{height:500px; margin-top:20px;border:1px solid #E6E6E6;}
.done-wrap .done-title{height:60px;line-height:60px;border-bottom:1px solid #E6E6E6;font-size:13px;}
.done-wrap .done-title span{font-size:18px;color:#333;padding-right:20px;}
.done-wrap .done-list{font-size:14px;color:#333;padding:30px 20px;}
.done-wrap .done-list li{margin-bottom:15px; clear:both;overflow: hidden;}
.done-wrap .done-list li span{width:100px;text-align:right;display:block;float:left;}
.done-wrap .done-message{width:800px;float: left;}
.done-wrap .done-list .done-message a{display: inline-block;margin-left:20px;margin-bottom:20px;}
.arrow-left {width:0; height:0; border-right: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #59BCE3;float:left;}
.orderClass{width:205px!important;margin-right:30px;height:30px;line-height:30px;}
.select-wrap{margin-top:30px;}
.btn-wrap{margin-top:50px;text-align: center;}
.btn-wrap .button{width:190px;height:40px;line-height:40px;text-align: center;font-size:13px;border-radius:10px;display:inline-block;}
.btn-wrap .detail-btn{background:#59BCE3;color:#fff;}
.btn-wrap .cancel-btn{background:#E4E4E4;margin-left:50px;}
.header-list{padding-left:30px;}
.header-list li{float:left;padding:10px 30px;font-size:16px;font-weight:700;margin:20px 0;}
.header-list li.active{color:#59BCE3;border-bottom:2px solid #59BCE3;}
.textarea{width:350px;height:100px;padding:10px;font-size:14px;}
.save_btn{background:#59BCE3;width:194px;height:44px!important;}
.replay-wrap h2{margin-top:15px;font-size:16px;color: #FF9C00;}
.replay-wrap textarea{margin-top:15px;width:840px;height:132px;padding:10px;font-size:14px;border: 1px solid #C9C9C9;}

